<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/product.css">
</head>
<body>
    <div class="wrap">
        <header>
            <nav>
                <button class="product">Back</button>
                <p>产品详情</p>
                <i class="iconfont icon-wujiaoxing-"></i>
            </nav>
            <div class="slideshow">
                <ul>
                    <li>
                        <img src="./images/产品详细页_03.png" alt="">
                    </li>
                    <li>
                        <img src="./images/1662433358166.jpg" alt="">
                    </li>
                </ul>
            </div>
        </header>
        <main>
            <div class="price">
                <p>￥ 32</p>
                <button class="buy">购买</button>
            </div>
            <div class="evaluate">
                <p>
                    <i class="iconfont icon-wujiaoxing-"></i>
                    好评率<span>99%</span>
                </p>
                <p>共605个评价&gt;</p>
            </div>
            <div class="box">
                <div class="apply">
                    <p>适用商户</p>
                    <p>&gt;</p>
                </div>
                <div class="shop">
                    <div class="print">
                        <img src="./images/产品详细页_07.png" alt="">
                    </div>
                    <div class="details">
                        <p>万岁寿司（正佳店）</p>
                        <p><i class="iconfont icon-wujiaoxing-"></i><i class="iconfont icon-wujiaoxing-"></i><i class="iconfont icon-wujiaoxing-"></i><i class="iconfont icon-wujiaoxing-"></i><i class="iconfont icon-wujiaoxing-"></i>10分</p>
                        <p>离你100米</p>
                        <p>查看详情&gt;&gt;</p>
                    </div>
                    <div class="access">
                        <button>进入</button>
                    </div>
                </div>
                <div class="shop">
                    <div class="print">
                        <img src="./images/产品详细页_11.png" alt="">
                    </div>
                    <div class="details">
                        <p>万岁寿司（体育西路店）</p>
                        <p><i class="iconfont icon-wujiaoxing-"></i><i class="iconfont icon-wujiaoxing-"></i><i class="iconfont icon-wujiaoxing-"></i><i class="iconfont icon-wujiaoxing-"></i><i class="iconfont icon-wujiaoxing-"></i>10分</p>
                        <p>离你100米</p>
                        <p>查看详情&gt;&gt;</p>
                    </div>
                    <div class="access">
                        <button>进入</button>
                    </div>
                </div>
                <div class="shop">
                    <div class="print">
                        <img src="./images/产品详细页_13.png" alt="">
                    </div>
                    <div class="details">
                        <p>万岁寿司（昌岗店）</p>
                        <p><i class="iconfont icon-wujiaoxing-"></i><i class="iconfont icon-wujiaoxing-"></i><i class="iconfont icon-wujiaoxing-"></i><i class="iconfont icon-wujiaoxing-"></i><i class="iconfont icon-wujiaoxing-"></i>10分</p>
                        <p>离你100米</p>
                        <p>查看详情&gt;&gt;</p>
                    </div>
                    <div class="access">
                        <button>进入</button>
                    </div>
                </div>
            </div>
        </main>
        <footer>
            <div class="nav">
                <ul>
                    <li>
                        <a href="./index.html">
                            <i class="iconfont icon-shouye-shouye"></i>
                            <p>首页</p>
                        </a>
                    </li>
                    <li>
                        <a href="./classify.html">
                            <i class="iconfont icon-fenlei"></i>
                            <p>分类</p>
                        </a>
                    </li>
                    <li>
                        <a href="./discover.html">
                            <i class="iconfont icon-faxian"></i>
                            <p>发现</p>
                        </a>
                    </li>
                    <li>
                        <a href="./my.html">
                            <i class="iconfont icon-xiazai"></i>
                            <p>我的</p>
                        </a>
                    </li>
                </ul>
            </div>
        </footer>
    </div>
</body>
</html>